<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,user-scalable=no"name="viewport">
<title>我的足迹</title>
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/base.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/style.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/bootstrap.min.css" />
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/script.js"></script>

</head>
<body>
<div id="box">
 <div class="navbar navbar-default navbar-fixed-top">
  <header>
   <h1><a href="index.html"><span class="glyphicon glyphicon-menu-left"></span></a></h1>
   <p class="title">我的足记</p>
  </header>
 </div><!--navbar-fixed-top-->
 <div class="integrals">
	<ul id="hear">
	 <li class="action" style="border-bottom:5px solid #4AA8DB;border-right:1px solid #ccc;"><a href="#"><p class="checkMoney"></p><p class="checkTitle">消费记录</p></a></li>
	 <li><a href="#" ><p class="checkMoney"></p><p class="checkTitle">充值记录</p></a></li>
	</ul>
	<ul id="contentop">
	 <li class="action">
	  <empty name="list">
			

	<div class="checkCon">
	   <div class="conLeft">
	    <p></p>
	    <p></p>
	   </div><!--conLeft-->
	   <div class="conCenter">
	  
	   </div><!--conCenter-->
	   <div class="conRight">
	     <p style="margin：auto">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp暂无记录</p>
	    <p></p>
	   </div><!--conRight-->
	   <p></p>
	  </div><!--checkCon-->
		<else /> 


	  <volist name="list" id="vo">
	  <div class="checkCon">
	   <div class="conLeft">
	    <p>{$vo.time}</p>
	    <p></p>
	   </div><!--conLeft-->
	   <div class="conCenter">
	    <img src="{:C('WEB_URL')}{$vo.small_logo}" />
	   </div><!--conCenter-->
	   <div class="conRight">
	    <p>使用折扣券</p>
	    <p>{$vo.business_name}</p>
	   </div><!--conRight-->
	   <p></p>
	  </div><!--checkCon-->
	  
	  </volist>
	  </empty> 
	 </li>
	 <li>
	 <empty name="list1">
		  <div class="checkCon">
	   <div class="conLeft">
		<p></p>
		<!--<p>21：00</p>-->
	   </div><!--conLeft-->
	   <div class="conCenter">
		
	   </div><!--conCenter-->
	   <div class="conRight">
		<p></p>
		<!--<p>{$vo1.bank}</p>-->
		 <p style="margin：auto">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp暂无记录</p>
	   </div><!--conRight-->
	  </div><!--checkCon-->
		<else /> 

		 <volist name="list1" id="vo1">
	  <div class="checkCon">
	   <div class="conLeft">
		<p>{$vo1[time]}</p>
		<!--<p>21：00</p>-->
	   </div><!--conLeft-->
	   <div class="conCenter">
		<img src="{:C('WEB_URL')}Public/business/images/bank_{$vo1.bank}.jpg" />
	   </div><!--conCenter-->
	   <div class="conRight">
		<p>+{$vo1.money}.00</p>
		<!--<p>{$vo1.bank}</p>-->
		<p>
			<switch name="vo1.bank" >
			<case value="1">中国农业银行</case>
			<case value="2">中国光大银行</case>
			<case value="3">北京银行</case>
			<case value="4">中国银行</case>
			<case value="5">中国建设银行</case>
			<case value="6">兴业银行</case>
			<case value="7">招商银行</case>
			<case value="8">中国民生银行</case>
			<case value="9">广东发展银行</case>	
			<case value="10">广州银行</case>
			<case value="11">中国工商银行</case>
			<case value="11">中国邮政储蓄银行</case>
			</switch>
		</p>
	   </div><!--conRight-->
	  </div><!--checkCon-->
	  </volist>
	  </empty> 
	 </li>
	</ul>		
</div>
 <div class="navbar navbar-default navbar-fixed-bottom">
   <footer id="foot">
    <dl>
     <dt><a href="{:U('index')}"><img src="{:C('WEB_URL')}Public/customer/images/home.png" /></a></dt>
     <dd><a href="{:U('index')}" class="current">首页</a></dd>
    </dl>
    <dl>
     <dt><a href="http://www.nleaves.com/qinqin/wechat/user/recommends?uid={$_SESSION[user_id]}"><img src="{:C('WEB_URL')}Public/customer/images/mores_17.jpg" /></a></dt>
     <dd><a href="http://www.nleaves.com/qinqin/wechat/user/recommends?uid={$_SESSION[user_id]}">推荐有奖</a></dd>
    </dl>
    <dl>
     <dt><a href="{:U('more')}"><img src="{:C('WEB_URL')}Public/customer/images/home-03.jpg" /></a></dt>
     <dd><a href="{:U('more')}">更多</a></dd>
    </dl>
   </footer>
  </div><!--/navbar-->
</div><!--box-->
<script type="text/javascript">
//微信判断header是否显示
if(isWeiXin()){ 
//alert("====");
$(".title").hide();
} 
else{
//alert("+++++");
}	
//选项卡切换
$(function(){
 $("#hear li").click(function(){
  $(this).css({
   borderBottom: "5px solid #4AA8DB",
   height:"80px"
  }).siblings().css({
   borderBottom: "none",
   height:"80px"
 });
});					
$("#contentop li:gt(0)").hide();	
$("#hear li").click(function(){
 $(this).addClass("action").siblings().removeClass("action");
 var index = $(this).index();
 $("#contentop li").eq(index).css("display","block").siblings().css("display","none");
 });
});


$('#foot dl').on("touchstart",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('#foot dl').on("touchend",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")

})
</script>
</body>
</html>
